<%@page import="dao.UsuarioDao"%>
<%@page import="dao.LivroDao"%>
<%@page import="modelo.Usuario"%>
<%@page import="modelo.Livro"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	if (session.getAttribute("autorizado") == null) {
		response.sendRedirect("index.html");
	}

	LivroDao livroDao = new LivroDao();

	UsuarioDao usuarioDao = new UsuarioDao();
	Usuario usuario = (Usuario) session.getAttribute("autorizado");
	usuario.setCodigo(usuarioDao.getUsuario(usuario.getEmail()));
%>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Livros Sociais</title>
<meta charset="utf-8">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilo.css">



<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap-modal.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>


<body>

	<div class="cabecalho">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="alinharImagem">
						<br> <img src="imagens/logo2.png" alt="Livros Sociais">
					</div>
				</div>
				<div class="col-md-6"></div>
			</div>
			<HR></HR>
		</div>
	</div>



	<div class="corpo">
		<div class="container">
			<div class="row">
				<div class="col-md-2 hero-unit" id=linha>

					<div class="thumbnails">
						<div class="span4">
							<a href="#" class="thumbnail inner-border"> <span></span> <img
								src="http://placehold.it/360x270" alt="">
							</a>
						</div>
					</div>
					<h4>
						<small>Bem Vindo! </small><%=usuario.getNome()%></h4>


					<br> <br> <br> <br> <br> <br> <br>
					<br> <br>
				</div>
				<div class="col-md-10">

					<div class="tabbable">
						<!-- Only required for left/right tabs -->
						<ul class="nav nav-tabs">
							<li class="active"><a href="#tab1" data-toggle="tab"> <b>Leitores</b></a></li>
							<li><a href="#tab2" data-toggle="tab"><b>Livros</b></a></li>

						</ul>
						<br>
						<div class="tab-content">
							<div class="tab-pane active" id="tab1">

								<div class="well">
									<br>
									<div class="tabbable">
										<!-- Only required for left/right tabs -->
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab3" data-toggle="tab"><b>
														Todos os Leitores </b></a></li>
											<li><a href="#tab4" data-toggle="tab">Ranking de
													Leitores</a></li>
										</ul>

										<div class="tab-content">
											<div class="tab-pane active" id="tab3">
												<%
													List<Usuario> usuarios = new ArrayList<Usuario>();
													usuarios = usuarioDao.getList();
												%>


												<table class="table table-striped" border="0" width="100%">
													<tr>
														<td width="50%" align="center"><b>Nome</b></td>
														<td width="50%" align="center"><b>Email</b></td>
													</tr>
													<%
														for (int i = 0; i < usuarios.size(); i++) {
													%>
													<tr>
														<td width="50%">
															<%
																out.print(usuarios.get(i).getNome());
															%>
														</td>
														<td width="50%">
															<%
																out.print(usuarios.get(i).getEmail());
															%>
														
													</tr>
													<%
														}
													%>
												</table>

												<!-- fim da tabela que mostra os usuarios ja cadastrados. -->
											</div>
											<div class="tab-pane" id="tab4">
												<p>Desculpe! o Ranking de Leitores ainda não esta
													construido.</p>
											</div>
										</div>
									</div>

								</div>
							</div>
							<div class="tab-pane" id="tab2">

								<div class="well">
									<br>
									<div class="tabbable">
										<!-- Only required for left/right tabs -->
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab5" data-toggle="tab"><b>
														Meus Livros </b></a></li>
											<li><a href="#tab6" data-toggle="tab"> Todos os
													Livros</a></li>
											<li><a href="#tab7" data-toggle="tab"> Adicionar
													Livros</a></li>
											<li><a href="#tab8" data-toggle="tab"> Ranking de
													Livros</a></li>
											<li><a href="#tab9" data-toggle="tab"> Buscar Livro</a></li>
										</ul>

										<div class="tab-content">
											<div class="tab-pane active" id="tab5">
												<!-- Meus Livros  -->
												<!-- tabela que mostra os livros -->

												<table class="table table-striped" border="0" width="100%">
													<tr>
														<td width="45%" align="center"><b>Título</b></td>
														<td width="30%" align="center"><b>Editora</b></td>
														<td width="25%" align="center"><b>ISBN</b></td>
													</tr>


													<%
														List<Livro> livros = new ArrayList<Livro>();
														livros = livroDao.listarLivro(usuario.getCodigo());
														for (int i = 0; i < livros.size(); i++) {
													%>
													<tr>
														<td width="45%">
															<%
																out.print(livros.get(i).getTitulo());
															%>
														</td>
														<td width="25%">
															<%
																out.print(livros.get(i).getEditora());
															%>
														</td>
														<td width="30%">
															<%
																out.print(livros.get(i).getIsbn());
															%>
														</td>
													</tr>
													<%
														}
													%>
												</table>



											</div>
											<div class="tab-pane" id="tab6">
												<!-- Todos os Livros -->
												<table class="table table-striped" border="0" width="100%">
													<tr>
														<td width="50%" align="center"><b>Título</b></td>
														<td width="50%" align="center"><b>Editora</b></td>
													</tr>


													<%
														List<Livro> todosOsLivros = new ArrayList<Livro>();
														todosOsLivros = livroDao.listarTodosLivros();

														for (int j = 0; j < todosOsLivros.size(); j++) {
													%>
													<tr>
														<td width="50%">
															<%
																out.print(todosOsLivros.get(j).getTitulo());
															%>
														</td>
														<td width="50%">
															<%
																out.print(todosOsLivros.get(j).getEditora());
															%>
														</td>
													</tr>
													<%
														}
													%>
												</table>
											</div>

											<div class="tab-pane" id="tab7">
												<!-- Add Livros -->
												<!-- form de cadastro -->
												<form class="well" role="form" action="CadastroLivroServlet"
													method="get">
													<div class="form-group">
														<input class="form-control input-lg" type="text"
															id="titulo" placeholder="Titulo" name="titulo">
													</div>
													<div class="form-group">
														<input class="form-control input-lg" type="text" id="isbn"
															placeholder="ISBN" name="isbn">
													</div>

													<div class="form-group">
														<input type="text" class="form-control input-lg"
															id="editora" placeholder="Editora" name="editora">
													</div>

													<br>
													<CENTER>
														<button type="submit" class="btn btn-success btn-lg">Cadastrar
															Livro</button>
													</CENTER>

												</form>
											</div>


											<div class="tab-pane" id="tab8">
												<p>Ranking de Livros</p>
											</div>

											<div class="tab-pane" id="tab9">
												<form class="well" role="form" action="BuscarPorLivro"	method="get">
													<div class="form-group">
														<input class="form-control input-lg" type="text"
															id="titulo" placeholder="Titulo" name="titulo">
													</div>

													<CENTER>
														<button type="submit" class="btn btn-success btn-lg">Buscar
															Livro</button>
													</CENTER>
													

									
													
												</form>
											</div>



										</div>
									</div>

								</div>

							</div>
						</div>
					</div>
</body>
</html>